﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Teste.aspx.cs" Inherits="welwitschia.Account.Teste" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script type="text/javascript">
    $().ready(function () {
        $(".jtable th").each(function () {

            $(this).addClass("ui-state-default");

        });
        $(".jtable td").each(function () {

            $(this).addClass("ui-widget-content");

        });
        $(".jtable tr").hover(
     function () {
         $(this).children("td").addClass("ui-state-hover");
     },
     function () {
         $(this).children("td").removeClass("ui-state-hover");
     }
    );
        $(".jtable tr").click(function () {

            $(this).children("td").toggleClass("ui-state-highlight");
        });

    }); 
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

     <table id="myTable" border="0" class="ui-widget">
     <caption class="ui-widget-header">Header name</caption>
<thead class="ui-widget-header">
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>Column 3</th>
    </tr>
</thead>
<tbody class="ui-widget-content">
    <tr>
        <td><spam>Row 0 Column 0</spam></td>
        <td ><spam>Row 0 Column 1</spam></td>
        <td ><spam>Row 0 Column 2</spam></td>
    </tr>
    <tr >
        <td>Row 1 Column 0</td>
        <td>Row 1 Column 1</td>
        <td>Row 1 Column 2</td>
    </tr>
    <tr >
        <td>Row 2 Column 0</td>
        <td>Row 2 Column 1</td>
        <td>Row 2 Column 2</td>
    </tr>
</tbody>
</table>

<table class="jtable">
    <caption>Header name</caption>
    <thead>
    <tr>
    <th style="width: 13%;">Field1</th>
    <th style="width: 13%;">Field2</th>
    <th style="width: 13%;">Field3</th>
    <th style="width: 60%;">Field4</th>
    </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Summary</th>
            <th colspan="3">Values</th>
        </tr>
    </tfoot>
    <tbody>
       <tr><td>a1</td><td>a2</td><td>a3</td><td>a4</td></tr>
    </tbody>
</table>

</asp:Content>
